<template>
	<div class="foodtypeWrapFather">
		<div class="foodtypeWrap" v-for="item in items" v-bind:key="item.id">
			<img :src="item.foodImg" alt="##">
			<div class="foodName">{{item.foodName}}</div>
			<div class="foodText">{{item.foodText}}</div>
			<div><span class="newMoney">￥{{item.newMoney}}</span><span class="oldMoney">￥{{item.oldMoney}}</span><i class="iconfont icon-gouwuche"></i></div>
		</div>
	</div>
</template>

<script>
	export default {
		props: {items:Array},
		
	}
</script>

<style>
	.foodtypeWrapFather{
		display: flex;
		justify-content: space-between;
		
	}
	.foodtypeWrap {
		width: 23%;
		height: 432px;
		border: 1px solid #c1c1c1;
		margin-top: 20px;
	}
	img{
		float: left;
		width: 100%;
		height: 300px;
	}
	.foodName{
		font-size: 18px;
		margin-left: 10px;
	}
	.foodText{
		font-size: 16px;
		margin-left: 10px;
		color: #c1c1c1;
	}
	.newMoney{
		color: #ff5757;
		font-size: 22px;
		margin-left: 10px;
	}
	.oldMoney{
		color: #A3A3A3;
		font-size: 18px;
		margin-left: 15px;
		text-decoration: line-through;
	}
	.foodtypeWrap i{
		color: #f08200;
		font-size: 30px;
		float: right;
	}
</style>
